<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <img src="https://img2.baidu.com/it/u=3157031837,1097513898&fm=253&fmt=auto&app=120&f=JPEG?w=800&h=500" alt="">
    <script src="./js/jquery.min.js"></script>
    <script>
        /* 当我们的所有资源都加载完毕的时候,那么就执行这个函数 */
        window.onload = function(){
            console.log("所有资源加载完毕!");
        }
        /* JQ 也有一个类似的事件,但是作用有区别
            ready事件
                当我们页面的所有的DOM都加载完毕的时候执行
            有两种写法
                //写法一,作用一样
                $(function(){

                })
                //写法二,作用一样
                $(window).ready(function(){

                })
        */
        $(function(){
            console.log("JQ的ready事件1");
        })
        $(window).ready(function(){
            console.log("JQ的ready事件2");
        })
    </script>
</body>
</html>